<template>
    <div class="commodity-dariy">
       <my-diary></my-diary>
        <div class="xiangm">
            <p class="title"><span>你可以对以下项目感兴趣</span> <span class="more">更多>></span></p>
            <product-Reservation :width="width1"  :movieList="navList"></product-Reservation>
        </div>
    </div>
</template>

<script>
    import MyDiary from '../../../components/Usertop/MyDiary'
    import ProductReservation from '../../../components/ProductReservation/index'
    export default {
        name: "CommodityDariy",
        props:['width1','navList'],
        components:{
            MyDiary,
            ProductReservation
        }
    }
</script>

<style scoped lang="less">
    @import "../../../style/style";
    .title{
        border-bottom: 2px solid @theme-color-dark;
        color: @theme-color-dark;
        font-size: 16px;
        padding-top: 20px;
        padding-bottom: 10px;
        span{
            vertical-align: top;
        }
        img{
            margin-top: 3px;
            margin-right: 10px;
        }
    }
    .more{
        float: right;
    }
</style>